//遍历日历

// 获取最外层的div
var calender = document.getElementById("plan-calender");

// 创建table
var table = document.createElement("table");
// table.setAttribute("border",1);
var tbody = document.createElement("tbody");

// 模拟数据
var theme = ["胸肌，肱三头肌和腹肌", "背部，肱二头肌和小腿", "有氧运动", "股四头肌，股后肌群和腹肌", "肩膀，斜方肌和小腿", "有氧运动", "运动休息日"];

var day = 1;
for (var i = 1; i < 6; i++) {
    // 创建tr
    var tr = document.createElement("tr");
    for (var j = 0; j < 8; j++) {
        // 创建td
        var td = document.createElement("td");
        // 第一个td的选择器不同于之后的
        if (j == 0) {
            td.className = "t-head";
            var span = document.createElement("span");
            span.innerHTML = i + "周";
            td.appendChild(span);
            tr.appendChild(td);
        } else {
            td.className = "t-main";

            // 创建a标签子节点
            var a = document.createElement("a");
            a.className = "t-item";
            a.setAttribute("href", "course-list.html");
            // 创建span子节点
            var span = document.createElement("span");
            if (day < 10) {
                span.innerHTML = "0" + day;
            } else {
                span.innerHTML = day;
            }
            var p = document.createElement("p");
            p.innerHTML = theme[j - 1];


            // 将span标签添加到a标签中
            a.appendChild(span);
            // 将p标签添加到a标签中
            a.appendChild(p);
            // 将a标签绑定到td中
            td.appendChild(a);
            // 将td绑定到tr上
            tr.appendChild(td);
            day++;
        }
    }
    // 将tr绑定在tbody中
    tbody.appendChild(tr);
}
// 将tbody绑定到table标签中
table.appendChild(tbody);
calender.appendChild(table);


/*
 * 对休息日进行处理
 */
var items = document.getElementsByClassName("t-item");
var item_father;
var item_p;
for (var i = 0; i < items.length; i++) {
    item_p = items[i].children[1].innerHTML;
    if (item_p == "运动休息日") {
        items[i].parentNode.style = "background-color:CadetBlue";
        items[i].style = "color:white";
    }
}



// 分页
layui.use(['laypage', 'layer'], function(){
    var laypage = layui.laypage
    ,layer = layui.layer;
    //自定义首页、尾页、上一页、下一页文本
    laypage.render({
      elem: 'comment-page'
      ,count: 100
      ,first: '首页'
      ,last: '尾页'
      ,prev: '<em>←</em>'
      ,next: '<em>→</em>'
    });
    
  });